<template>
	<div style="width: 100%;height: 100%;background-color: #1e1e1e">
		<div style="width: 600px;margin: 0 auto">
			<el-image
				v-for="item in state.itemsList"
				style="width: 100%; " :src="item.img"  />
		</div>
	</div>
</template>

<script setup lang="ts">
import { useRoute } from 'vue-router'
const route = useRoute()
const  state = reactive({
	itemsList:[]
})


// 生命周期
onMounted(() => {
	console.log(route.query)//{bbmc:111}
})

function init() {

	// http.get(`/chapter/list?chapter=${route.query.chapter}&itemId=${route.query.itemId}`).then(res =>{
	// 	console.log(res.data)
	// 	state.itemsList = res.data
	// })

	http.get(`/chapter/list?chapter=2&itemId=1`).then(res =>{

		state.itemsList = res.data
	})
}

init()


</script>


<style scoped>

</style>
